<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改dom元素的内容</title>
</head>
<body>
<div id="div_1"></div>
<div id="div_2"></div>
</body>
<script>

    /**
     * 说明:
     *      1. 这中添加方式添加的代码会被html解释;
     * @type {string}
     */
    document.getElementById("div_1").innerHTML = "<h1>动态添加的h1</h1>";

    /**
     * 说明:
     *      1. 这种方式添加的代码被当做纯文本.
     * @type {string}
     */
    document.getElementById("div_2").innerText = "<h1>动态添加的h1</h1>";

</script>
</html>